import { NavBar, Toast } from 'antd-mobile'
import React from 'react'
import styles from './css/four.module.scss' 
import { Cell, Switch } from 'react-vant'
import {useNavigate} from 'react-router-dom'


export default function Four() {
  const navigate = useNavigate()
  const back = () =>{
    navigate('/app/message')
  }
    



  return (
    <div>
      <NavBar onBack={back}>消息设置</NavBar>
      <span className={styles.span_color}></span>
      <Cell title='接受消息推送'>
        <Switch
          style={{ display: 'block', float: 'right' }}
          size={20}
          onChange={v => {
            console.log(v)
          }}
        />
      </Cell>
      <span className={styles.span_main}></span>
      <Cell title='接受私信'>
        <Switch
          style={{ display: 'block', float: 'right' }}
          size={20}
          onChange={v => {
            console.log(v)
          }}
        />
      </Cell>
      <span className={styles.span_one}>免打扰设置</span>
      <Cell title='通知免打扰'>
        <Switch
          style={{ display: 'block', float: 'right' }}
          size={20}
          onChange={v => {
            console.log(v)
          }}
        />
      </Cell>
      <span className={styles.span_main}></span>
    </div>
  )
}
